<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

		<ui:composition template="/plantillas/comun.xhtml">
			<ui:define name="pageTitle">
				<h:outputText value="Tipos de Tarea - Vimeworks"/>
			</ui:define>
			<ui:define name="pageContent">
				<h:form>
					<h3>
						<h:outputText value="Administraci&#243;n de Tipos de Tarea"/>
					</h3>
					<h:outputText value="Nombre:" />
					<h:inputText value="#{administracionTiposTarea.descripcionBusqueda}"/>
					<a4j:commandButton value="Buscar" action="#{administracionTiposTarea.buscar}" render="listaTiposTarea" execute="@form"/>
					<a4j:commandButton value="Nuevo" render="panelIngreso" action="#{administracionTiposTarea.nuevoTipoTarea}" 
					                   oncomplete="#{rich:component('modalNuevTipoTarea')}.show(); return false;"/>
					<br/><br/>
					<h:panelGroup id="listaTiposTarea">
						<rich:dataTable id="tablaTiposTarea" value="#{administracionTiposTarea.listaTiposTarea}" var="tipoTarea" rows="10" noDataLabel="No se han encontrado resultados">
							<rich:column>
								<f:facet name="header">
									<h:outputText value="C&#243;digo" />
								</f:facet>
								<h:outputText value="#{tipoTarea.codigo}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{tipoTarea.nombre}" />
							</rich:column>
							<!-- rich:column>
								<f:facet name="header">
									<h:outputText value="Estado" />
								</f:facet>
								<h:outputText value="#{tipoFechaProyecto.estado}" />
							</rich:column-->
							<rich:column>
								<a4j:commandLink actionListener="#{administracionTiposTarea.editarTipoTarea}" oncomplete="#{rich:component('modalActualizarTipoTarea')}.show(); return false;" render="panelActualizacion">
									<h:graphicImage value="/images/info.png" width="20px" height="20px" title="Editar"/>
								</a4j:commandLink>
								<a4j:commandLink actionListener="#{administracionTiposTarea.eliminarTipoTarea}" onclick="return mostrarConfirmacion('Esta seguro que desea eliminar el registro?');" render="listaTiposTarea">
									<h:graphicImage value="/images/remove.png"  width="20px" height="20px" title="Eliminar"/>
								</a4j:commandLink>
							</rich:column>
						</rich:dataTable>
						<rich:dataScroller for="tablaTiposTarea" maxPages="5" />
					</h:panelGroup>
				</h:form>
				<rich:popupPanel id="modalNuevTipoTarea" modal="true" autosized="true">
					<f:facet name="header">
						<h:outputText value="Ingreso de Tipo de Tarea" />
					</f:facet>
					<h:form>
						<a4j:outputPanel id="panelIngreso" >
							<h:panelGrid columns="2">
								<h:panelGroup>
									<h:outputText value="C&#243;digo:"/>
									<h:inputText id="codigoNuevoTipo" value="#{administracionTiposTarea.codigoNuevoTipo}" maxlength="3" size="5">
										<f:validator validatorId="validadorNoVacio"/>
									</h:inputText>
									<rich:message ajaxRendered="true" for="codigoNuevoTipo"/>
								</h:panelGroup>
								<h:outputText value="Nombre:"/>
								<h:panelGroup>
									<h:inputText id="nombreNuevoTipo" value="#{administracionTiposTarea.descripcionNuevoTipo}" maxlength="50" size="60">
										<f:validator validatorId="validadorNoVacio"/>
									</h:inputText>
									<rich:message ajaxRendered="true" for="nombreNuevoTipo"/>
								</h:panelGroup>
							</h:panelGrid>
							<br/>
							<a4j:commandButton value="Guardar" action="#{administracionTiposTarea.guardarNuevoTipoTarea}" 
											   render="listaTiposTarea" data="#{facesContext.maximumSeverity.ordinal ge 2}" 
							                   execute="@form" oncomplete="ocultarModal('modalNuevTipoTarea', event.data);">
							</a4j:commandButton>
							<a4j:commandButton value="Cancelar" action="#{administracionTiposTarea.cancelar}" 
							                   oncomplete="#{rich:component('modalNuevTipoTarea')}.hide(); return false;" 
							                   render="panelIngreso" immediate="true"/>
						</a4j:outputPanel>
					</h:form>
				</rich:popupPanel>
				<rich:popupPanel id="modalActualizarTipoTarea" header="Actualizaci&#243;n de Tipos de Tarea" modal="true" autosized="true" maxWidth="1000">
					<h:form>
						<a4j:outputPanel id="panelActualizacion" >
							<h:panelGrid columns="2">
								<h:outputText value="C&#243;digo:"/>
								<h:panelGroup>
									<h:inputText id="codigoActualizar" value="#{administracionTiposTarea.tipoTarea.codigo}" maxlength="3" size="5" disabled="true">
										<f:validator validatorId="validadorNoVacio"/>
									</h:inputText>
									<rich:message ajaxRendered="true" for="codigoActualizar"/>
								</h:panelGroup>
								<h:outputText value="Nombre"/>
								<h:panelGroup>
									<h:inputText id="descripcionActualizar" value="#{administracionTiposTarea.tipoTarea.nombre}" maxlength="50" size="60">
										<f:validator validatorId="validadorNoVacio"/>
									</h:inputText>
									<rich:message ajaxRendered="true" for="descripcionActualizar"/>
								</h:panelGroup>
							</h:panelGrid>
							<br/>
							<a4j:commandButton value="Guardar" action="#{administracionTiposTarea.guardarTipoTareaActualizado}" 
							                   render="listaTiposTarea" data="#{facesContext.maximumSeverity.ordinal ge 2}" 
							                   oncomplete="ocultarModal('modalActualizarTipoTarea', event.data);"/>
							<a4j:commandButton value="Cancelar" action="#{administracionTiposTarea.cancelar}" 
							                   oncomplete="#{rich:component('modalActualizarTipoTarea')}.hide(); return false;" 
							                   render="panelActualizacion" immediate="true"/>
						</a4j:outputPanel>
					</h:form>
				</rich:popupPanel>
			</ui:define>
		</ui:composition>
	
</html>